import {Row, Col, Input, Button, List, Icon, Card} from 'antd';
import {Field} from 'saltui';
import React from "react";
const { TextArea } = Input;

export default class RoomDesc extends React.Component {




  render() {

    const data = [
      <Row  gutter={4} style={{width:'100%'}}>
        <Col span={20} style={{overflow:'hidden'}}>Japanese princess to wed commoner</Col>
        <Col span={2}><Icon type="edit" /></Col>
        <Col span={2}><Icon type="delete" /></Col>
      </Row>,
      <Row  gutter={4}  style={{width:'100%'}}>
        <Col span={20}>Japanese princess to wed commoner</Col>
        <Col span={2}><Icon type="edit" /></Col>
        <Col span={2}><Icon type="delete" /></Col>
      </Row>,
    ];

    return (
      <div className="room-new-content">
        <Card title="备注"  size="small">
          <Row>
            <Col span={20}>
              <TextArea rows={4} />
            </Col>
            <Col span={4}>
              <Button style={{ float: 'right' }}  type="primary" ghost>
                保存
              </Button>
            </Col>

            <Row  >
              <Col span={24}>

                <List
                  style={{ marginTop: 10 }}
                  size="large"
                  bordered
                  dataSource={data}
                  renderItem={item => <List.Item>{item}</List.Item>}
                />

              </Col>


            </Row>



          </Row>
        </Card>

      </div>

    );
  }
}
